<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, min imum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>小米首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font/font_3a6ch208ij/iconfont.css">
    <link rel="icon" href="./images/logo.png" style="width: 6px; height: 6px;">
</head>
<body class="clearfix">
    <header id="top">
        <div class="logo">
            <img src="./images/logo.png" alt="">
        </div>
        <form action="">
            <img src="./images/下载 (1).png" alt="">
            <input type="text" placeholder="搜索商品名称">
        </form>
        <a href=""><img src="./images/icon-user.23496a0116.png" alt=""></a>
    </header>
    <nav>
        <ul>
            <li><a href="">推荐</a></li>
            <li><a href="">智能</a></li>
            <li><a href="">电视</a></li>
            <li><a href="">家电</a></li>
            <li><a href="">笔记本</a></li>
            <li class="drowdown">
                <span class="iconfont icon-xiajiantou"></span>
                <div class="drowdown-content">
                    <h1>全部</h1>
                    <div class="content">
                        <a href="">推荐</a>
                        <a href="">智能</a>
                        <a href="">电视</a>
                        <a href="">家电</a>
                        <a href="">笔记本</a>
                    </div>
                </div>
            </li>
        </ul>
    </nav>
    <div class="slideshow">
        <div class="container">
            <div class="pic">
                <img src="./images/slide1.jpg" alt="">
                <img src="./images/slide2.jpg" alt="">
                <img src="./images/slide3.jpg" alt="">
            </div>
            <div class="circle">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class="classify">
        <a href=""><img src="./images/金米.webp" alt=""></a>
        <a href=""><img src="./images/小米众筹.webp" alt=""></a>
        <a href=""><img src="./images/手机.webp" alt=""></a>
        <a href=""><img src="./images/以旧换新.webp" alt=""></a>
        <a href=""><img src="./images/0434594382110f3bd15c90f040d5d542.webp" alt=""></a>
        <a href=""><img src="./images/64f3988b6216e4c1ab62a7f50df3e816.webp" alt=""></a>
        <a href=""><img src="./images/9ea68dee2bfa0e55a82236b0d968e975.png" alt=""></a>
        <a href=""><img src="./images/96c780016ea196743905dc93f9249c39.png" alt=""></a>
        <a href=""><img src="./images/9425031cdd7af22d9a23a5ae16d1f57c.webp" alt=""></a>
        <a href=""><img src="./images/f11f9df6b0b0b428f8c8fc3267131830.png" alt=""></a>

    </div>
    <div class="xiaomi11">
        <div class="left">
            <a href="./html/xiaomi11.html"><img src="./images/29b39579739d82269d18f0e7c8f6c9da.webp" alt=""></a>
        </div>
        <div class="right">
            <a href=""><img src="./images/5b9af94e5c05bb2b4849cbb113eddb9d.webp" alt=""></a>
            <a href=""><img src="./images/42e02f30c05282812529e499211f4c85.webp" alt=""></a>
        </div>
    </div> 
    <div class="hot">
        <img src="./images/5b2fff7f7b8de6d371601caf3a827eed.webp" alt="">
    </div>
    <div class="product">
        <div class="product-item">
            <div class="product-item-small">
                <img src="./images/b849e46756af7c95002aa3906ed77c13.jpg" alt="">
                <div class="price">
                    <h1>Xiaomi <span>11</span> Pro</h1>
                    <h2>1/1.12"GN2<span>|</span>骁龙888</h2>
                    <h3>¥4999<span>起</span><span>¥4999</span></h3>
                    <button>立即购买</button>
                </div>
                
            </div>
            <div class="product-item-small">
                <div class="product-item-small">
                    <img src="./images/7f5fab059643521e41406131379c7b4a.jpg" alt="">
                    <div class="price">
                        <h1>Xiaomi <span>11</span> Pro</h1>
                        <h2>1/1.12"GN2<span>|</span>骁龙888</h2>
                        <h3>¥4999<span>起</span><span>¥4999</span></h3>
                        <button>立即购买</button>
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="product-item">
            <div class="product-item-small">
                <img src="./images/b849e46756af7c95002aa3906ed77c13.jpg" alt="">
                <div class="price">
                    <h1>Xiaomi <span>11</span> Pro</h1>
                    <h2>1/1.12"GN2<span>|</span>骁龙888</h2>
                    <h3>¥4999<span>起</span><span>¥4999</span></h3>
                    <button>立即购买</button>
                </div>
                
            </div>
            <div class="product-item-small">
                <div class="product-item-small">
                    <img src="./images/7f5fab059643521e41406131379c7b4a.jpg" alt="">
                    <div class="price">
                        <h1>Xiaomi <span>11</span> Pro</h1>
                        <h2>1/1.12"GN2<span>|</span>骁龙888</h2>
                        <h3>¥4999<span>起</span><span>¥4999</span></h3>
                        <button>立即购买</button>
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="product-item">
            <div class="product-item-small">
                <img src="./images/b849e46756af7c95002aa3906ed77c13.jpg" alt="">
                <div class="price">
                    <h1>Xiaomi <span>11</span> Pro</h1>
                    <h2>1/1.12"GN2<span>|</span>骁龙888</h2>
                    <h3>¥4999<span>起</span><span>¥4999</span></h3>
                    <button>立即购买</button>
                </div>
                
            </div>
            <div class="product-item-small">
                <div class="product-item-small">
                    <img src="./images/7f5fab059643521e41406131379c7b4a.jpg" alt="">
                    <div class="price">
                        <h1>Xiaomi <span>11</span> Pro</h1>
                        <h2>1/1.12"GN2<span>|</span>骁龙888</h2>
                        <h3>¥4999<span>起</span><span>¥4999</span></h3>
                        <button>立即购买</button>
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="product-item">
            <div class="product-item-small">
                <img src="./images/b849e46756af7c95002aa3906ed77c13.jpg" alt="">
                <div class="price">
                    <h1>Xiaomi <span>11</span> Pro</h1>
                    <h2>1/1.12"GN2<span>|</span>骁龙888</h2>
                    <h3>¥4999<span>起</span><span>¥4999</span></h3>
                    <button>立即购买</button>
                </div>
                
            </div>
            <div class="product-item-small">
                <div class="product-item-small">
                    <img src="./images/7f5fab059643521e41406131379c7b4a.jpg" alt="">
                    <div class="price">
                        <h1>Xiaomi <span>11</span> Pro</h1>
                        <h2>1/1.12"GN2<span>|</span>骁龙888</h2>
                        <h3>¥4999<span>起</span><span>¥4999</span></h3>
                        <button>立即购买</button>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="more-phone">
        <a href="">更多小米手机产品<span>></span></a>
    </div>
    <!-- <div class="return-top"> -->
        <a href="#" target="_self" class="return-top"><img src="./images/top.451d650ecd.png" alt=""></a>
    <!-- </div> -->
    <div class="tv">
        <img src="./images/42e02f30c05282812529e499211f4c85.webp" alt="">
    </div>
    <div class="more-tv">
        <a href="">更多小米电视产品<span>></span></a>
    </div>
    <div class="notebook">
        <img src="./images/393a90da633889384d35acb7c44eeb17.webp" alt="">
    </div>
    <div class="product">
        <div class="product-item">
            <div class="product-item-small">
                <img src="./images/3d9f52d99494329988b23fb32e72862f.png" alt="">
                <div class="price">
                    <h1>Xiaomi <span>11</span> Pro</h1>
                    <h2>1/1.12"GN2<span>|</span>骁龙888</h2>
                    <h3>¥4999<span>起</span><span>¥4999</span></h3>
                    <button>立即购买</button>
                </div>
                
            </div>
            <div class="product-item-small">
                <div class="product-item-small">
                    <img src="./images/3d9f52d99494329988b23fb32e72862f.png" alt="">
                    <div class="price">
                        <h1>Xiaomi <span>11</span> Pro</h1>
                        <h2>1/1.12"GN2<span>|</span>骁龙888</h2>
                        <h3>¥4999<span>起</span><span>¥4999</span></h3>
                        <button>立即购买</button>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="more-notebook">
        <a href="">更多小米笔记本产品<span>></span></a>
    </div>
    <div class="electrical">
        <img src="./images/米家家电.webp" alt="">
    </div>
    <div class="more-electrical">
        <a href="">更多米家家电产品<span>></span></a>
    </div>
    <div class="intelligence">
        <img src="./images/米家智能.webp" alt="">
    </div>
    <div class="more-intelligence">
        <a href="">更多米家智能产品<span>></span></a>
    </div>
    <div class="product-classify">
        <div class="product-classify-item">
            <div class="item">
                <a href=""><img src="./images/学习办公.webp" alt=""></a>
            </div>
            <div class="item">
                <a href=""><img src="./images/智能家庭.webp" alt=""></a>
            </div>
        </div>
        <div class="product-classify-item">
            <div class="item">
                <a href=""><img src="./images/旅行伴侣.webp" alt=""></a>
            </div>
            <div class="item">
                <a href=""><img src="./images/音乐发烧.webp" alt=""></a>
            </div>
        </div>
        <div class="product-classify-item">
            <div class="item">
                <a href=""><img src="./images/新家必备.webp" alt=""></a>
            </div>
            <div class="item">
                <a href=""><img src="./images/设计美学.webp" alt=""></a>
            </div>
        </div>
    </div>
    <div class="old-new">
        <img src="./images/以旧换新-bottom.webp" alt="">
    </div>
    <footer>
        <div class="nav-bottom">
            <a href="./index.html">
                <img src="./images/icon-home-selected.598ca2c8f9.png" alt="">
            <h1>首页</h1>
            </a>
        </div>
        <div class="nav-bottom">
            <a href="./html/category.html">
                <img src="./images/icon-category.be93273636.png" alt="">
                <h1>分类</h1>
            </a>
           
        </div>
        <div class="nav-bottom">
            <a href="./html/star.html">
                <img src="./images/icon-star.d051789804.png" alt="">
                <h1>米圈</h1>
            </a>
        </div>
        <div class="nav-bottom">
            <a href="./html/cart.html">
                <img src="./images/icon-cart.585c3aa4d3.png" alt="">
                <h1>购物车</h1>
            </a>
        </div>
        <div class="nav-bottom">
            <a href="./html/user.html">
                <img src="./images/icon-user.23496a0116.png" alt="">
                <h1>我的</h1>
            </a>
        </div>
    </footer>
</body>
</html>